<ion-header>

  <ion-toolbar>
    <ion-title>Item Images</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content>

  <ion-item>
    Plain Ol' div w/ some text, no images
  </ion-item>

  <ion-item>
    <ion-icon name="mail" item-start></ion-icon>
    One Line w/ Icon, div only text
  </ion-item>

  <ion-item>
    <ion-icon name="mail" item-start></ion-icon>
    <h2>Two Lines w/ Icon, H2 Header</h2>
    <p>Paragraph text.</p>
  </ion-item>

  <ion-item>
    <ion-avatar item-start>
      <img src="">
    </ion-avatar>
    One Line w/ Avatar, div only text
  </ion-item>

  <ion-item>
    <ion-avatar item-start>
      <img src="">
    </ion-avatar>
    <h2>Two Lines w/ Avatar, H2 Header</h2>
    <p>Paragraph text.</p>
  </ion-item>

  <ion-item>
    <ion-avatar item-start>
      <img src="">
    </ion-avatar>
    <h2>Three Lines w/ Avatar, H2 Header</h2>
    <p>Paragraph text.</p>
    <p>Paragraph text.</p>
  </ion-item>

  <ion-item>
    <ion-thumbnail item-start>
      <img src="">
    </ion-thumbnail>
    <h2>Two Lines w/ Thumbnail, H2 Header</h2>
    <p>Paragraph text.</p>
  </ion-item>

  <ion-item>
    <ion-thumbnail item-start>
      <img src="">
    </ion-thumbnail>
    <h2>Three Lines w/ Thumbnail, H2 Header</h2>
    <p>Paragraph text.</p>
    <p>Paragraph text.</p>
  </ion-item>

</ion-content>


<style>
  img {
    height: 100px;
  }
</style>